<template>
  <div>
      <!-- 循环文张列表生成每个文章组件 -->
      <ArticleItem v-for="obj in arr" :key="obj.art_id" :item="obj" @delFn="delFn"></ArticleItem>

  </div>
</template>

<script>
import ArticleItem from '@/components/ArticleItem.vue'
export default {
  components: {
    ArticleItem
  },
  props: {
    arr: {
      type: Array,
      required: true,
      default () {
        return []
      }
    }
  },
  methods: {
    delFn (item, action) {
      this.$emit('delFn', item, action)
    }
  }
}
</script>

<style>

</style>
